<template>
  <div class="home">
    <!-- 动态组件 -->
    <dachu-active></dachu-active>
    <component :is="commonName"></component>
  </div>
</template>
<script>
import DachuActive from "@/components/dachuActive.vue";
import DachuActiveOne from "@/components/dachuActiveOne.vue";
import DachuActiveTwo from "@/components/dachuActiveTwo.vue";
import DachuActiveThree from "@/components/dachuActiveThree.vue";

export default {
  name: "DachuView",
  data() {
    return {
      commonName: "DachuActiveOne",
    };
  },
  methods: {
    getid(idName) {
      this.commonName = idName;
    },
  },
  components: {
    DachuActive,
    DachuActiveOne,
    DachuActiveTwo,
    DachuActiveThree,
  },
};
</script>
<style lang="scss" scoped>
// .home {
//   height: calc(100vh - 146px);
//   overflow-y: scroll; // 开启滚动
// }
</style>
